﻿<!DOCTYPE html>
<html>
<head>
 <title>地图搜索-城市版</title>

<script  src="./js/jquery-1.7.2.min.js"></script>
<script  src="http://api.map.baidu.com/api?v=2.0&ak=puG9vu9hwOZG0kpuQKYZm7OO"></script>
<link rel="stylesheet" type="text/css" href="css/creis_style.css" />
<link rel="stylesheet" type="text/css" href="css/creis_map.css" />
<script src="js/mapBaidu_distanceTool_min.js"></script>   
<script src="js/mapCityCenter.js"></script>  
<script src="js/mapQTools.js"></script>

</head>
<body>

    <div class="wrapper_map">

<div class="cside_map">
    <div class="map_tjbox01 clearfix" id="mapChoose">
        <div class="form-group01 fl" style="padding-left:0px; margin-right:30px;">

            <div class="form-input fl mr10">
                <span class="checkbox01 fl"><input name="chkProjectType" type="radio" id="project" class="form_check" checked="checked" /><label for="project" style="cursor:pointer;">项目</label></span>

                <div id="projectDetail" class="fl" lang="divProjectTypeDetail" style="display:block;position:relative;">
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" projecttype="house" class="form_check" id="chkProjectType_house" checked="checked" value="2" /> <label for="chkProjectType_house" style="cursor:pointer;">住宅</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" projecttype="shop" class="form_check" id="chkProjectType_shop" value="4" />
                        <label for="chkProjectType_shop" style="cursor:pointer;">商铺</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" projecttype="office" class="form_check" id="chkProjectType_office" value="5" />
                        <label for="chkProjectType_office" style="cursor:pointer;">写字楼</label>
                    </span>
                </div>

                <div class="form-label fl" style="border-left:1px dashed #ccc;margin-left:5px;">
                    <span class="checkbox01 ml10 fl"><input name="chkProjectType" id="land" type="radio" value="" class="form_check" /><label for="land" style="cursor: pointer;">土地</label></span>
                </div>

                <div id="landDetail" class="fl" lang="divProjectTypeDetail" style="display:none;position:relative;">
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_land" class="form_check" checked="checked" value="1" id="chkStatus_1" /> <label for="chkStatus_1" style="cursor:pointer;">未成交</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_land" id="chkStatus_2" class="form_check" checked="checked" value="2" />
                        <label for="chkStatus_2" style="cursor:pointer;">成交</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_land" id="chkStatus_3" class="form_check" checked="checked" value="3" />
                        <label for="chkStatus_3" style="cursor:pointer;">流拍</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_land" id="chkStatus_4" class="form_check" value="4,5,6" />
                        <label for="chkStatus_4" style="cursor:pointer;">交易变更</label>
                    </span>
                </div>

                <span class="checkbox01 ml10 fl" id="spanConforming" style="display:none;">用地性质：</span>
                <div id="divConfirming" class="fl" lang="divProjectTypeDetail" style="display:none;position:relative;">
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_confirming" class="form_check" checked="checked" value="1" id="chkConfiming_1" /> <label for="chkConfiming_1" style="cursor:pointer;">住宅</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_confirming" id="chkConfiming_2" class="form_check" checked="checked" value="2" />
                        <label for="chkConfiming_2" style="cursor:pointer;">商办</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_confirming" id="chkConfiming_3" class="form_check" checked="checked" value="3" />
                        <label for="chkConfiming_3" style="cursor:pointer;">工业</label>
                    </span>
                    <span class="checkbox01 fl choose_item ml10">
                        <input type="checkbox" name="chkStatus_confirming" id="chkConfiming_4" class="form_check" value="4" />
                        <label for="chkConfiming_4" style="cursor:pointer;">其它</label>
                    </span>
                </div>
            </div>
        </div>

        <div class="form-group01 fl" style="padding-left:0px;" id="divTime">
            <div class="form-label fl"><span class="gray3" id="opentime">开盘时间：</span></div>
            <div class="form-input fl">
                <!--开始年份-->
                <div class="form_select f_select_on fl clearfix" id="divYearBeginText" style="width:70px;"><span class="sel_text ml08 fl" id="spanYearBegin"></span><em class="icon_caret01 fr"></em></div>
                <!---------弹出下拉菜单--------->
                <div class="form_option" id="divYearBeginContent" style="display:none; top:23px; width:70px;">
                </div>
                <!---------弹出下拉菜单 end--------->
                <span class="mr10 ml05 fl" style=" text-align:center;">年</span>
            </div>
            <div class="form-input fl">
                <!--开始月份-->
                <div class="form_select fl clearfix" id="divMonthBeginText" style="width:50px; padding-left:8px;"><span class="sel_text fl" id="spanMonthBegin"></span><em class="icon_caret01 fr"></em></div>
                <span class="mr10 ml05 fl" style=" text-align:center;">月</span>
                <!---------弹出下拉菜单--------->
                <div class="form_option" id="divMonthBeginContent" style="display:none; top:23px; width:50px;">
                </div>
                <!---------弹出下拉菜单 end--------->
                <span class="mr10 fl" style=" text-align:center;">—</span>
            </div>
            <div class="form-input fl">
                <!--结束年份-->
                <div class="form_select fl clearfix" id="divYearEndText" style="width:70px; padding-left:8px;"><span class="sel_text fl" id="spanYearEnd"></span><em class="icon_caret01 fr"></em></div>
                <!---------弹出下拉菜单--------->
                <div class="form_option" id="divYearEndContent" style="display:none; top:23px; width:70px;">
                </div>
                <!---------弹出下拉菜单 end--------->
                <span class="mr10 ml05 fl" style=" text-align:center;">年</span>
                <!--结束月份-->
            </div>
            <div class="form-input fl">
                <div class="form_select fl clearfix" style="width:50px; padding-left:8px;" id="divMonthEndText"><span class="sel_text fl" id="spanMonthEnd"></span><em class="icon_caret01 fr"></em></div>
                <!---------弹出下拉菜单--------->
                <div class="form_option" id="divMonthEndContent" style="display:none; top:23px; width:50px;">
                </div>
                <!---------弹出下拉菜单 end--------->
                <span class="mr10 ml05 fl" style=" text-align:center;">月</span>
            </div>
            <div class="form-input fl">
                <input class="f_inpbox" type="text" id="txtkey" style="width:100px; height:25px; line-height:25px;">
            </div>
        </div>
        <div class="form-group01 ml10 fl" style=" padding-left:0px;">
            <span class="butbox fr">
                <a onclick="searchKeys()" class="but_confirm" style="cursor:pointer;">搜索</a>
            </span>
        </div>
    </div>
</div>

<!-- 地 图 -->
<div id="Content">
    <div class="Mapsearch">
        <div class="top"></div>
        <div class="con" style="background-color:#f5f5f5; border-color:#ccc">
            <div class="newmapicon">
                <div class="xuan"></div>
                <div class="dingwei">
                    快速定位：<span id="housedistrict_a" onmouseover="Menu.showMenu('housedistrict_a');" onmouseout="$('panel_housedistrict_a').hide()">选择区域</span><span style="display:none" id="landdistrict_a" onmouseover="Menu.showMenu('landdistrict_a');" onmouseout="$('panel_landdistrict_a').hide()">选择区域</span> <img
								src="http://img2.soufunimg.com/qyb/citybase/images/iconss1.jpg" />
						</div>
                <div class="gongneng" id="Tools">
                    工具：
                    <span><a id="a20" style="cursor:pointer" onclick="QMap.openDraw('polygonFour',this.id);"><img src="http://img2.soufunimg.com/qyb/citybase/images/icon/lakuang.jpg" />拉框搜索</a></span>
                    <span><a id="a21" style="cursor:pointer" onclick="QMap.openDraw('circle',this.id);"><img src="http://img2.soufunimg.com/qyb/citybase/images/icon/banjing.jpg" />半径搜索</a></span>
                    <span><a id="a22" style="cursor:pointer" onclick="QMap.openDraw('polyine',this.id);"><img src="http://img2.soufunimg.com/qyb/citybase/images/icon/cheju.jpg" />测距</a></span>
                    <span><a id="a23" style="cursor:pointer;" onclick="QMap.openDraw('polygon',this.id);"><img src="http://img2.soufunimg.com/qyb/citybase/images/icon/mianji.jpg" />测面积</a></span>
                </div>
                <a href="javascript:void(0)" onclick="GotoListPage()" id="resultGotoListPage" style="cursor: pointer;text-decoration:underline;float: right;margin-right: 5px;display:none;width:120px;font-weight:bold;">下载当页结果数据</a>
                <div class="clear"></div>
            </div>

            <div class="bot"></div>

            <div class="newmaps">
                <div id="mapObj" style="height:500px;width:300px;">
                </div>
                <div class="shouqi" id="divShouqi" style="height:300px;top:0px;right:0px;" onclick="QUI.toggleRight();">
                    <a id="aShowHideSearchResult"><em class="zhank"></em></a>
                </div>

                <div class="sidebarmap">
                    <div class="cont" id="cont" style="display:none;">
                        <div class="tab clearfix" style="display:block;">
                            <ul id="ulSearchType">
                                <li class="totalditu action" id="xiangmujieguo" stype="1" onclick="Zbjlbj(this.id)"><a style=" cursor:pointer">搜索结果</a></li>
                                <li class="totalditu" id="bijiaojieguo" stype="0" onclick="Zbjlbj(this.id)"><a style=" cursor:pointer">比较列表</a></li>
                                <li id="zhoubianorjuli" onclick="Zbjlbj(this.id)" stype="0"  class=""><a style=" cursor:pointer" id="azbjl">周边查询</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <div id="listcont">
                            <div id="searchresult">
                                <div class="jieguonum">
                                    <span class="red01 fl" style="display:none;" id="allnum">&nbsp;&nbsp;共685个结果</span>
                                    <div class="fr">
                                        <!--排序字段的lang值：0倒序，1正序，-1非字段排序-->
                                        <dl class="sorttool" id="dprojectorder" style="display:none;">
                                            <dd><a class="sort_on" name="aSortName_project" lang="0" soid="opendate"><span>开盘时间</span><span class="tb_tool"><em class="but_up"></em><em class="but_down b_down_on"></em></span></a></dd>
                                            
                                        </dl>
                                        <dl class="sorttool" id="dlandorder" style="display:none;">
                                            <dd><a class="sort_on" soid="" name="aSortName_land" lang="0"><span>默认排序</span><span class="tb_tool"></span></a></dd>
                                            <dd><a soid="landavgprice" name="aSortName_land" lang="-1"><span>楼面价排序</span><span class="tb_tool"><em class="but_up"></em><em class="but_down b_down_on"></em></span></a></dd>
                                        </dl>
                                    </div>
                                </div>
                                <div class="jieguo1" id="list"></div>
                                <div class="pagebox01" id="page" style="text-align: center;"></div>
                            </div>
                        </div>
                        <div id="bijiaoresult" style="display:none">
                            <div class="jieguonum" id="bijiaoxuan"> </div>
                            <div class="jieguo">
                                <div class="bijiaojieguolist" id="bijiaojieguolist">
                                </div>

                            </div>
                            <div style="text-align:center; display:none" class="page"><a style="cursor:pointer" id="bijiaogoa">比较所选项目</a></div>
                            <div class="clear"></div>
                        </div>
                        <div id="zhoubianorjulilist">

                            <div style="display:none;" id="dzoubianxianmu" class="zbjl"> <div class="jieguonum"></div>请选择项目</div>
                            <!--切换至周边查询 begin-->
                            <div id="dzhoubian" style="display:none;" class="zbjl">
                                <div class="jieguonum" style="text-align:right;">
                                    <a class="blue01" onclick="$('#azbjl').html('距离查询');Shpwzbjl('djuli')" style="cursor:pointer">[切换至距离查询]</a>
                                </div>

                                <div class="querypath" style="height:300px;">

                                    <div class="form-row02 clearfix">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl">在：</div>
                                            <div class="form-input fl" style=" z-index:99;"><input id="zhoubianqsh" disabled="disabled" type="text" class="f_inpbox" style="width:200px;" /></div>
                                        </div>
                                    </div>


                                    <div class="form-row02 clearfix">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl">周边：</div>
                                            <div class="form-input fl" style=" z-index:98;">
                                                <div class="form_select clearfix" style="width:100px;" id="divAroundDistanceText"><span class="sel_text ml08 fl" id="selejl" distance="2000">2km</span><em class="icon_caret01 fr"></em></div>
                                                <!---------弹出下拉菜单--------->
                                                <div class="form_option" style="display:none;" id="divAroundDistanceContent">
                                                    <a class="f_optionbox clearfix" style="margin-right:0px;" href="javascript:void(0);"><span class="sel_text ml08 fl">2km</span></a>
                                                    <a class="f_optionbox clearfix" style="margin-right:0px;" href="javascript:void(0);"><span class="sel_text ml08 fl">3km</span></a>
                                                    <a class="f_optionbox clearfix" style="margin-right:0px;" href="javascript:void(0);"><span class="sel_text ml08 fl">4km</span></a>
                                                    <a class="f_optionbox clearfix" style="margin-right:0px;" href="javascript:void(0);"><span class="sel_text ml08 fl">5km</span></a>
                                                </div>
                                                <!---------弹出下拉菜单 end--------->
                                            </div>
                                        </div>
                                    </div>


                                    <div class="form-row02 cont_tabmain clearfix" style=" padding-top:0px;">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl">找：</div>
                                            <div class="form-input fl"><input type="text" class="f_inpbox" style="width:200px;" id="zhoubianzd" onkeyup="$('#zhoubianzdtip').val(this.value)" /><span class="butbox"><a class="but_confirm" id="zhoubiansearch" style="height:auto; vertical-align:middle;cursor:pointer;" onclick="QMap.searchNear();">确定</a></span></div>
                                        </div>
                                    </div>

                                    <div class="form-row03 clearfix">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl">项目：</div>
                                            <div class="form-input fl">
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchProject" keyword="未售住宅">未售住宅</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchProject" keyword="在售住宅">在售住宅</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchProject" keyword="售罄住宅">售罄住宅</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchProject" keyword="地块">地块</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchProject" keyword="写字楼">写字楼</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchProject" keyword="商铺">商铺</a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row03 clearfix">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl">配套：</div>
                                            <div class="form-input fl">
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="酒店">酒店</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="学校">学校</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="医院">医院</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="车站">车站</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="餐馆">餐馆</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="银行">银行</a>
                                                <a style="cursor:pointer" class="blue01" name="aAroundSearchMatching" keyword="商场">商场</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--切换至周边查询 end-->
                            <!--查询结果页 begin-->
                            <div id="dzhoubianresult" style="display:none;" class="zbjl">
                                <div class="jieguonum" id="ajuli">
                                    <span>范围：</span> <a style="cursor:pointer; font-weight:bolder;" onclick="ajuli(this.id);" id="a2000" distance="2000"> 2公里</a> <a style="cursor:pointer" onclick="ajuli(this.id);" id="a3000" distance="3000">3公里</a> <a style="cursor:pointer" onclick="ajuli(this.id);" id="a4000" distance="4000">4公里</a> <a style="cursor:pointer" onclick="ajuli(this.id);" id="a5000" distance="5000">5公里</a> <a style="cursor:pointer" onclick="Shpwzbjl('dzhoubian')">上一步</a>
                                    <div class="fr">
                                        <!--排序字段的stype值：0倒序，1正序，-1非字段排序-->
                                        
                                        <dl class="sorttool" id="dAroundOrder_project" >
                                            <dd><a class="sort_on" name="aAroundSort_project" stype="0" soid="distance"><span>距离</span><span class="tb_tool"></em><em class="but_down"></em></span></a></dd>
                                            <dd><a name="aAroundSort_project" stype="-1" id="aAroundSort_project_date" soid="opendate"><span id="spanDateName_around">开盘时间</span><span class="tb_tool"></em><em class="but_down"></em></span></a></a></dd>
                                        </dl>
                                        <dl class="sorttool" id="dAroundOrder_map" style="margin-right:5px;">
                                            <dd><a class="sort_on" name="aAroundSort_map" stype="0" soid="distance"><span>距离</span></a></dd>
                                        </dl>
                                    </div>
                                </div>
                                <div class="jieguo">
                                    您正在搜索的“<font color="#FF3300" id="zhoubianjieguoqi"></font>”附近的“<font color="#FF3300" id="zhoubianjieguozhong"></font>”共<font color="#FF3300" id="zhoubianjieguotiao"></font>条记录
                                    <div id="zhoubianjieguonei">
                                    </div>


                                </div>
                                <div id="zhoubianjieguoye" class="pagebox01" style="text-align: center;"></div>
                            </div>
                            <!--查询结果页 end-->
                            <!--距离结果页上一步 begin-->
                            <div id="djuli" style="display:none;" class="zbjl">
                                <div class="jieguonum">
                                    <span class="ml10">请输入查询起点</span> <a onclick="$('#azbjl').html('周边查询');Shpwzbjl('dzhoubian')" class="blue01 fr" style="cursor:pointer">切换至周边查询</a>
                                </div>

                                <div class="querypath" style="height:300px;">

                                    <div class="form-row02 clearfix">
                                        <div class="form-group01 fl">
                                            <div class="form-input fl" style="z-index:99;">
                                                <span class="checkbox01 fl"><input name="rbjulicont" checked="checked" type="radio" id="rbjc" value="" onclick=" $('#rbjctip').attr('checked','checked')" class="form_check" style="margin-left:0px;" />驾车距离</span>
                                                <span class="checkbox01 ml20 fl"><input name="rbjulicont" id="rbzx" onclick="$('#rbzxtip').attr('checked','checked')" type="radio" value="" class="form_check" style="margin-left:0px;" />直线距离</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row02 clearfix">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl"><img src="/Images/map_new_19.jpg">起点：</div>
                                            <div class="form-input fl" style=" z-index:98;">
                                                <input type="text" class="f_inpbox" style="width:200px;" id="juliqsh" onkeyup="$('#juliqshtip').val(this.val)" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row02 cont_tabmain clearfix" style=" padding-top:0px;">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl"><img src="/Images/map_new_20.png">终点：</div>
                                            <div class="form-input fl"><input type="text" class="f_inpbox" style="width:200px;" disabled="disabled" id="julizd" /></div>
                                        </div>
                                    </div>

                                    <div class="form-row02 cont_tabmain clearfix" style=" padding-top:0px;">
                                        <div class="form-group01 fl">
                                            <div class="form-label fg_w08 fl">&nbsp;</div>
                                            <div class="form-input fl">
                                                <span class="butbox"><a id="juliseachqsh" class="but_confirm" style="margin-left:0px;cursor:pointer;" onclick="QMap.gotoRoute();">确定</a></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="juliqidiansele">
                                        <p>请选择查询起点</p>
                                        <p><select size="8" style="width:200px" id="seleqsh"></select></p>
                                        <p style="text-align:center; margin-top:10px"> <input type="button" value="查询" id="julisearch" onclick="QMap.searchRoute()" /> </p>

                                    </div>
                                </div>


                            </div>
                            <div id="djuliresult" style="display:none;" class="zbjl">
                                <div class="jieguonum"><span>距离查询结果</span> <a onclick="Shpwzbjl('djuli')" style="margin-left:50px;cursor:pointer">上一步</a></div>
                                <div class="querypath" id="juliresutlist"></div>
                            </div>
                            <!--距离结果页上一步 end-->
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>

                <div class="clear"></div>

            </div>

        </div>

        <div style="display:none" id="zhoubianpagenum"></div>
        <div style="display:none"><a id="bijiaotipgo" target="_blank" href="javascript:void(0);"></a></div>
    </div>
</div>
<script type="text/javascript">
    var isMapDetail='';
    var sCityId = '6679b8fe-0231-4c3e-95e2-1afa9e3fea5f';//  城市ID（以住宅城市ID为准）
    var sLandId = '110100';//  城市ID
    if (!sLandId) {
        sLandId = "";
    }
    var sOfficeId = '';
    var scityids = sLandId + "," + sCityId + "," + sOfficeId; //landid + cityId + officeid
    var proids = ''; // 从项目列表带入的项目iD的集合，逗号分隔
    var category = '0';    //项目类型id
    var cityName = '北京';
    var projectType = '';
    if (typeof projectType == "undefined" || $.trim(projectType) == "") {
        projectType = "house";
    }
    var sStatus = "";  //销售状态
    var isproperty = false;
    var keywords = "";
    var titlelen = 8;
    var citycode = "010";
    if (citycodelist[cityName]) {
        citycode = citycodelist[cityName];
    }
</script>
<script src="http://js.soufunimg.com/industry/creisdata/city2014/JS/mapCommon.js"></script>
<script src="http://js.soufunimg.com/industry/creisdata/city2014/JS/favourite.js"></script>
<script src="http://js.soufunimg.com/industry/creisdata/city2014/JS/mapQmap_new.js"></script>
<script src="http://js.soufunimg.com/industry/creisdata/city2014/JS/mapCompare.js"></script>



    </div>
    
</body>
</html>